<template>
	<view class="bg_box">
		<view class="header-top">
			<view class="list_box">
				<view class="mean_top " bindtap="myAppoint" @click="gonavigateTo('moniqi/index')">
					<image class="mean_top_left" src="/static/icon_lcrecord.png"></image>
					<text>模拟器练车记录</text>
				</view>
				<view class="link-top"></view>
				<view class="mean_top " bindtap="myCar" @click="gonavigateTo('moniqi/index')">
					<image class="mean_top_left" src="/static/icon_lcrecord.png"></image>
					<text>实车基础练车记录</text>
				</view>
				<view class="link-top"></view>
				<view class="mean_top" bindtap="gywm" @click="gonavigateTo('moniqi/index')">
					<image class="mean_top_left" src="/static/icon_lcrecord.png"></image>
					<text>考场测评记录</text>
				</view>
				<view class="mean_top" bindtap="gywm" @click="gonavigateTo('moniqi/index')">
					<image class="mean_top_left" src="/static/icon_lcrecord.png"></image>
					<text>考点智能教学记录</text>
				</view>
				<view class="link-top"></view>

			</view>
		</view>


	</view>


</template>


<script>
	// import {
	// 	getOrderInfo,
	// 	getTimeoutOrderInfo,
	// } from '@/common/api/index.js'
	// import {
	// 	showTishi,
	// 	getDuration,
	// 	showAndHideLoading
	// } from 'utils/index.js'
	export default {
		components: {},
		data() {
			return {
				has_next_page: false,
			};
		},
		onPullDownRefresh() {

		},
		onShow() {

		},
		methods: {
			gonavigateTo(urlStr) {
				console.log(urlStr, 'url');
				uni.navigateTo({
					url: urlStr,
					fail: function(err) {
						console.log(err,
							'跳转失败')
					}
				})
			}
		}
	}
</script>

<style>
	.header {
		/* background: linear-gradient(to right, #F38010, #F38010); */
	}

	.header-top {
		background: #ffffff;
		border-radius: 60rpx 60rpx 0 0;
		height: calc(100vh - 100rpx);
		overflow: hidden;
	}

	.top_bg {
		width: 100%;
	}

	.my_logo {
		text-align: center;
		font-size: 32rpx;
		line-height: 60rpx;
		padding-top: 60rpx;
	}

	.my_logo image {
		width: 150rpx;
		height: 150rpx;
		border-radius: 50%;
		border: 3px solid #F38010;
	}

	.my_log_text {
		margin-left: 250rpx;
		margin-top: 70rpx;
		height: 200rpx;
		color: black;
	}


	.list_box {
		margin: 20rpx;
		border-radius: 30rpx;
	}

	.mean_top {
		margin: 20rpx auto;
		height: 90rpx;
		display: flex;
	}

	.mt200 {
		padding-top: 160rpx;
	}

	.mean_top text {
		margin-left: 20rpx;
		font-family: Microsoft YaHei;
		font-weight: 300;
		color: rgb(1, 1, 1);
		align-self: center;
	}

	.mean_top_left {
		margin-left: 10rpx;
		width: 42rpx;
		height: 42rpx;
		align-self: center;
	}

	.link-top {
		margin: auto;
		/* width: 100%; */
		height: 1px;
		border-top: solid #ACC0D8 1px;
	}

	.mean_top_right {
		width: 35rpx;
		height: 35rpx;
		align-self: center;
		margin-left: 300rpx;
	}

	.contact {
		background-color: aqua;
		width: 70rpx;
		margin: left;
	}

	.btn {
		margin: 40rpx 30rpx 0;
	}
</style>